<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=7" >
    <title>gold price chart</title>
	<link href="arcadiacharts/loader/loader.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript"
            src="arcadiacharts/arcadiacharts.nocache.js"></script>

    <script type="text/javascript">
        document.onChartLibLoaded = function() {
//            ac.DivLogger.addLevel(ac.LogLevel.WARN);
//            ac.DivLogger.addLevel(ac.LogLevel.TRACE);
//            ac.DivLogger.addLevel(ac.LogLevel.INFO);
//            ac.DivLogger.addLevel(ac.LogLevel.DEBUG);
              
            var dataCsv = "Title;1960;1961;1962;1963;1964;1965;1966;1967;1968;1969;" +
                    "1970;1971;1972;1973;1974;1975;1976;1977;1978;1979;" +
                    "1980;1981;1982;1983;1984;1985;1986;1987;1988;1989;" +
                    "1990;1991;1992;1993;1994;1995;1996;1997;1998;1999;" +
                    "2000;2001;2002;2003;2004;2005;2006;2007;2008;2009;2010;2011;2012;2013;2014\n" +
                    "Gold price;36.50;35.50;35.35;35.25;35.35;35.50;35.40;35.50;43.50;41.00;38.90;44.60;63.84;106.48;183.77;139.29;133.77;161.10;" +
                    "208.10;459.00;594.90;400.00;447.00;380.00;308.00;327.00;390.90;486.50;410.15;401.00;386.20;353.15;333.00;391.75;383.25;387.00;369.00;" +
                    "287.05;288.70;290.25;272.65;276.50;342.75;417.25;513.00;435.60;635.70;836.50;869.75;1087.50;1420.25;1320.25;1620.25;1220.25;1830.89";

            new ac.ACLineChartBuilder().
                    setData(dataCsv).
                    setCSVDataSeriesConfig("Title", ac.DataModel.DATE, "yyyy").
                    setCSVDataOrder(ac.DataOrder.ROW).
                    setTheme("arcadiacharts/themes/theme_linechart_2d_econ.xml").
                    setTitle("<h1>Gold </h1><br><small>Gold price 1960 - 2014</small>").
                    setFooterText("<small>Generated By NCMX</small>").
                    setShowLegend(false).
					setShowPopup(false).
                    setShowMarker(true).
                    setAxisType(ac.AxisIdentity.X_AXIS, ac.AxisType.DATE).
                    setAxisTickmarkFormattingPattern(ac.AxisIdentity.X_AXIS, "yyyy").
                    setAxisTickmarkFormattingPattern(ac.AxisIdentity.Y_AXIS, "NPR #0.00").
                    build().
                    addToDom('chart');
        }
    </script>
</head>
<body>
<h1 style="font-family: sans-serif">GOLD PRICE CHART</h1>

<div id="chart">
	<div class="loading">
    	<div class="spinner"></div>
		
    </div>
</div>
</body>
</html>	